<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../reset.css">
    <script src="../jQ引入.js"></script>
    <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ"></script>

    <link rel="stylesheet" href="../swiper-bundle.min.css">
    <link rel="stylesheet" href="./房源.css">
</head>

<body>
    <header>
        <div class="div1">
            <img src="../img/logo.jpg" alt="">
        </div>
        <div class="div2">
            <img src="../img/my.jpg" alt="">
            <img src="../img/xiazai.jpg" alt="">
        </div>
    </header>
    <div class="di"><a>首页</a> > 北京租房 > 房源信息</div>
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="../img/banner.png" />
            </div>
            <div class="swiper-slide">
                <img src="../img/img1.jpg" />
            </div>
            <div class="swiper-slide">
                <img src="../img/img2.png" />
            </div>
            <div class="swiper-slide">
                <img src="../img/img3.png" />
            </div>
            <div class="swiper-slide">
                <img src="../img/img4.png" />
            </div>
        </div>
        <div class="swiper-pagination">
        </div>
    </div>

    <section>
        <div class="zi">
            <div>
                <h2>天鹅小区精装两居,满五唯一,业主换房急售</h2>
            </div>
            <div>
                <img src="../img/02.png" alt="">
                <br>
                <p>关注</p>
            </div>
        </div>
        <div class="zu">
            <div>
                <p>租金</p>
                <span>2300元/月</span>
            </div>
            <div>
                <p>房型</p>
                <span>2室1厅</span>
            </div>
            <div>
                <p>面积</p>
                <span>204平米</span>
            </div>
        </div>
    </section>
    <div class="nian">
        <p><span>楼层:高楼/17层</span><span>朝向:南北</span></p>
        <p><span>装修:高楼/17层</span><span>供暖:集体供暖</span></p>
        <p><span>年代:2007年</span><span>楼型:板楼</span></p>
    </div>
    <div class="jing">
        <h2>经纪人房评<img src="../img/right.png" alt=""></h2>
        <div>
            地理位置：品都国际处于酒仙桥中心地带，毗邻北京
            三大商圈，紧邻丽都商圈，阿四环与望京商 園相望，
            西南紧挨燕莎商圈，地理位置优越。周 边配套：颐堤
            港商业中心，兆维大厦…

        </div>
    </div>
    <div class="jing" style="height: 8rem;">
        <h2>看房记录<img src="../img/right.png" alt=""></h2>
        <div>
            近一个月新增0位看房客户,共50位
        </div>
    </div>
    <div class="jing" style="height: 23.5rem;">
        <h2>位置及周边<img src="../img/right.png" alt=""></h2>
        <div style="border: 2px solid #E2E2E2;">
            <h3>地址:[黄村]时代龙和</h3>
            <div id="allmap"></div>
        </div>
    </div>
    <div class="shi">
        <h2>小区成交历史<img src="../img/right.png" alt=""></h2>
        <div>
            <p>3室2厅, 146平米, <span>5000元</span></p>
            <p>签约日期:2015-02-26</p>
        </div>
    </div><br>
    <div class="zh">
        <p>
            <img src="../img/man.png" alt="">
            <p>张三<br>4001581855转0008</p>
        </p>
        <div>
            <img src="../img/icon1.png" alt="">
            <p>致电</p>
        </div>
        <div>
            <img src="../img/icon2.png" alt="">
            <p>短信</p>
        </div>
    </div>

    <footer>
        <div class="pcd">
            <span>北京找房无忧>首页</span>
            <div class="and">
                <div>
                    <img src="../img/apple.png" alt="">
                    <div>
                        <li>iphone</li>
                        <li>客户端</li>
                    </div>
                </div>
                <div>
                    <img src="../img/android.png" alt="">
                    <div>
                        <li>Android</li>
                        <li>客户端</li>
                    </div>
                </div>
            </div>
            <div class="xuke">
                <p>北京找房无忧房地产经纪有限公司</p>
                <p>网络经营许可证 京ICP备20160812号-12</p>
            </div>
        </div>
    </footer>
</body>
<script src="../swiper-bundle.min.js"></script>
<script src="../公用rem.JS"></script>
<script>
    var swiper = new Swiper(".mySwiper", {
        spaceBetween: 30,
        effect: "fade",
        pagination: {
            clickable: true,
        },
    });
</script>
<script type="text/javascript">
    // GL版命名空间为BMapGL
    // 按住鼠标右键，修改倾斜角和角度
	var map = new BMapGL.Map("allmap");    // 创建Map实例
	map.centerAndZoom(new BMapGL.Point(113.680779, 34.80452), 11);  // 初始化地图,设置中心点坐标和地图级别
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>
</html>